<template>
  <navigator :url="`/pages/goods_detail/goods_detail?goods_id=${data.goods_id}`" class="item">
    <u-image
      class="img"
      width="191"
      height="191"
      :src="data.goods_small_logo"
      mode="aspectFill"
    ></u-image>
    <view class="info">
      <view class="title">{{data.goods_name}}</view>
      <view class="price">￥{{data.goods_price}}</view>
    </view>
  </navigator>
</template>

<script>
  export default {
    props: {
      data: {
        type: Object,
        required: true
      }
    }
  };
</script>

<style lang="scss" scoped>
.item {
  display: flex;
  padding: 41rpx 41rpx 0;
  .info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20rpx 0 20rpx 20rpx;
    font-size: 24rpx;
    .title {
      color: #434343;
    }
    .price {
      color: $theme-color;
    }
  }
}
</style>